footer{
    background-color: #f4f4f4;
}
footer .more{
    height: 1.333333rem;
    background-color: #f4f4f4;
    padding: .266667rem;  
}
footer .more a{
    display: block;
    font-size: .346667rem;
    line-height: .8rem;
    text-align: center;
    border-radius: .133333rem;
    border: 1px solid #dddddd;
    background-image: linear-gradient(#ffffff, #f4f4f4);
}
footer .BrandRanking{
    background-color: #ff9000;
    margin-top: .266667rem;
    margin-bottom: .266667rem;
}
footer .BrandRanking span{
    color: #fff;
    display: inline-block;
    font: bolder .48rem/.933333rem "Microsoft soft";
    padding-left: .266667rem;
}
footer .BrandRanking img{
    width: .533333rem;
    height: .533333rem;
    margin-top: .186667rem;
    margin-right: .266667rem;
}
footer .login{
    display: flex;
    height: .96rem;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}
footer .login a{
    height: .96rem;
    line-height: .88rem;
    text-align: center;
    font-size: .373333rem;
    border-right: 1px solid #c4c4c4;
    width: 33.3%;
}
footer .about{
    text-align: center;
    padding: .266667rem;
}
footer .about p{
    margin: 0 0 .266667rem;
}